<m-card [autoHeight]="true" [hideHead]="true">
	<div class="settings-body">
		<div class="m-nav">
			<ng-container *ngFor="let item of (tabs$ | async)">
				<li class="m-nav__item" [routerLinkActive]="'m-nav__item--active'">
					<a class="m-nav__link" [routerLink]="item.link">
						<mat-icon class="m-nav__link-icon">{{ item.icon }}</mat-icon>
						<span class="m-nav__link-text">{{ item.name }}</span>
					</a>
				</li>
			</ng-container>
		</div>

		<div class="component">
			<router-outlet></router-outlet>
		</div>
	</div>
</m-card>
